/*Custom Style*/

/*
User
*/
/*Form style*/

.login-box input[type="text"], .login-box input[type="password"]{
    color: #000!important;
}
.modal-body input[type="text"],.modal-body textArea, .modal-body select{
    color: #555!important;
}
.box-content input[type="text"], .box-content input[type="password"],.box-content textArea{
    color: #000!important;
}
.box-content textarea::-webkit-input-placeholder,.box-content input::-webkit-input-placeholder{
    color: #ccc;
}

/*Grid style*/
.pagination{
    text-align: center;
}

.pagination ul>.selected>a,.pagination ul>.selected>span{
    background-color:#f5f5f5!important;
    color:#999!important;
    cursor:default!important;
}
.pagination ul>.hidden>a,.pagination ul>.hidden>span{
    background-color:#f5f5f5!important;
    color:#999!important;
    cursor:default!important;
    visibility: visible!important;
    display: block!important;
}
.summary{
    margin: 10px 0 20px 0;
}

/*
Appointment
*/
/*Calendar*/
.span3 .ui-datepicker{
    width: 16em;
}
.nav-tabs.nav-stacked > li > ul > li > a {
    background: #2d323d;
    padding-left: 30px
}

.controls .user_photo{
    margin-bottom: 10px;
}

.controls .user_photo img{
    max-width: 120px;
    max-height: 120px;
}

/*popover*/
.popover{
    text-align: center;
}
.popover-content .btn{
    width: 150px;
    margin-bottom: 5px;
}
.popover-title{
    font-weight: bold;
}

/*right panel Calendar*/
#right-panel{
    position: absolute;
    float: right;
    background-color: #fff;
    top: 116px;
    right: 27px;
    height: 81%;
    z-index: 1050;
    border: 1px solid #9f9f9f;
}
#right-panel input,select,textarea{
    font-size: 13px!important;
}
#right-panel label{
    display: inline-block;
    margin-right: 5px;
    width: 25%;
    margin-left: 23px;
}
#right-panel h3,#right-panel h4{
    line-height: 17px;
    color: #fff;
    font-weight: bold;
}
#right-panel h4{
    line-height: 0;
}
#right-panel button{
    margin-top: 0;
}
#right-panel .span4{
    margin-left: -12px;
    width: 36%;
}
#right-panel .span4 .modal-header{
    height: 17px;
}
#right-panel .control-group{
    margin-bottom: 0!important;
}
#right-panel .modal-header{
    background-color: #26bbf1;
    background-image: -moz-linear-gradient(top, #92dbf5 0%, #03afef 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #92dbf5), color-stop(100%, #03afef));
}
#right-panel .modal-footer{
    margin-top: 22px;
    height: 0px;
    background-color: #FFF;
}
#right-panel .phonetype{
    width: 22%;
}
#right-panel .input-mini{
    width: 10%;
}
#right-panel .input-small{
    width: 95px;
}
#right-panel label.confim{
    width: 80%;
}
#right-panel input[type="checkbox"]{
    margin-top: -1px;
}

#right-panel .modal-body{
    max-height: 468px!important;    
}
#right-panel #Cusname{
    font-weight: bold;
}
#right-panel #Cusemail{
    font-weight: 100;
}
#right-panel #user-status{
    color: #fa7408;
    font-style: italic;
}
/*event Calendar*/
.event-description{
    font-weight: 100;
}
.fc-event-status{
    margin-left: 17px;
    font-size: 13px;
}
.fc-event-status.icon-check{
    color: #52CC22;
    position: absolute;
    right: 1px;
    top: 3px;
}
.fc-event-status.icon-thumbs-up{
    color: #EB7B0E;
}
.fc-event-appt{
    background-color: #f5c03a;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f5c03a));
}
.fc-event-room{
    background-color: #999;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #999))
}
.fc-event-block{
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #eee));
}
.room-size{
    position: absolute;
    bottom: 2px;
    left: 5px;
    color: #fff;
}
/*Click slot in calendar*/
#Calendar{
    position: relative;
}
.fc-select-helper{
    z-index: 7!important;
}
#booking_box{
    display: none;
    position: absolute;
    border: #ccc solid 1px;
    border-radius: 4px;
    background: #FDFAFA;
    z-index: 99;
}
.box_booking{
    margin-bottom: 10px;
    width: 100% !important;
}
.message{
    color: #999;
    font-size: 11px;
    font-style: italic;
    padding-left: 58px;
    background: url('../img/customer-arrow.png') left center no-repeat;
    width: 105px;
    margin: 0 auto;
}
/*.customer-info{
    display: none;
}*/
.span12 .modal-body{
    overflow-y: hidden;
}
.wrap-message{
    width:80%;	
}
.ms-character{
    margin-left:5px;	
}
.message-area{
    width:100%;
    height:50px;	
    max-height:50px;
    clear:both;
    float:left;
}
label{
    cursor:default;
}
.row-email{
    width:98%;
    margin-left:1%;	
}
.box-email{
    width:98%;
    margin-bottom:3px;	
}
.box-email .box-content{
    display:none;	
}
.control-group.error{
    color: #b94a48;
}
.control-group.error .errorMessage{
    margin-left: 136px;
}

#loading{
    color:#fff;
    /*    background-color: rgba(0,0,0,0);*/
    background-color: transparent;
    position:absolute;
    z-index:9999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}

#loading_content{
    color:#fff;
    background:#000;
    border:1px solid #fff;
    padding:6px 10px;
    position:fixed;    
    /*visibility:show;*/
    z-index:10000;
    left:50%;
    font-weight:bold;
    top:10px;
    text-align:center;
    opacity:0.8;
    filter:alpha(opacity=80);
    -moz-box-shadow: 0 0 2px 3px #fff;
    -webkit-box-shadow: 0 0 2px 3px #fff;
    box-shadow: 0 0 2px 3px #fff;
}
#loading img{
    margin-right:5px;
    margin-top:2px;
}

.login-box input[type="text"], .login-box input[type="password"]{
    padding: 0px 10px;
}
.status-roster{
    width: 90%;
    margin-left: 14px;
    padding-left: 10px
}
#right-panel .status-roster h3{
    color: #000;
}
.cls-relative{
	position:relative;	
}
.calendar-box{
	position:relative;	
}
.transparent-layout{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:9;
	background:#999;
	opacity:0.1;
}
.calendar-box .span3 .ui-datepicker{
	width:100%;
}	
#form_input{
	position:absolute;
	z-index:10;
	top:53px;
	right:0px;	
}
.form-input{
	min-height:990px;	
}
.form-input-data{
	padding:10px 15px;	
}
#form_input .checkbox.inline{
	padding-top:0px;
}
.icon-email{
	padding-top:0px;	
	padding-bottom:10px;
}
#form_input input[type="text"], #form_input input[type="datetime"], #form_input input[type="tel"], #form_input select{
	margin-bottom:0px;	
}
#form_input .form-horizontal label{
	width:70px;
	text-align:left;
}
#form_input .form-horizontal .controls{
	margin-left:80px;	
}
.close-form-btn{
	margin-right:5px;	
}
.repeat-group .radio input[type="radio"], .repeat-group .checkbox input[type="checkbox"], .mark-as{
	margin-left:0px;
}
.repeat-group .radio.inline + .radio.inline, .repeat-group .checkbox.inline + .checkbox.inline, .mark-as{
	margin-left:0px;	
}
.repeat-group .radio, .repeat-group .checkbox, .mark-as{
	padding-left:0px;	
}
.repeat-group label{
	width:60px !important;	
}
.repeat-group label.radio, .mark-as{
	width:100% !important;
}
#appoint_date, #room_date, #room_repeat_endby, #room_repeat_endby_1, #block_date{
	cursor:pointer;	
}

/*=========[ Calendar ]================================*/
.booking_box .btn{
	
}

/*=========[ Calendar Event ]==========================*/

.fc-event{
	background:#72B0E9;
	border:none;
	border-radius:0px;
	cursor:pointer;
}
.fc-event:hover{
	background:#1E8FC6;		
}
.fc-event-title{
	color:#FFF;	
}
.fc-event:hover .fc-event-time{
	background:#3366CC;	
}
.fc-event-vert .fc-event-time{
	background:#1E8FC6;
	color:#FFF;	
	padding:3px;
}
.fc-event-vert.fc-event-start, .fc-event-vert.fc-event-end{
	border-radius:0px;	
}
.fc-event-time, .fc-event-title{
	padding:0 3px;	
}
#Calendar .popover, .popover-title{
	border-radius:0px !important;	
}
.block-evt{
	background:#F17773;	
}
.block-evt:hover{
	background:#EE5F5B;	
}
.block-evt .fc-event-time{
	background:#EE5F5B;
}
.block-evt:hover .fc-event-time{
	background:#E63A3A;
}
.room-evt{
	background:#79CD79;		
}
.room-evt:hover{
	background:#62C462;		
}
.room-evt .fc-event-time{
	background:#62C462;
}
.room-evt:hover .fc-event-time{
	background:#339933;
}
.text-small{
	font-weight:100;
	font-size:11px;	
}
.event-icon{
	text-align:right;
	max-height:10px;	
}